---
title: MarkDown语法解析.html
categories: 我是一枚程序员
abbrlink: 24183
date: 2017-11-15 15:32:50
---
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>MarkDown语法解析</title>
    <style type="text/css" media="all">
      body {
        margin: 0;
        font-family: "Helvetica Neue", Helvetica, Arial, "Hiragino Sans GB", sans-serif;
        font-size: 14px;
        line-height: 20px;
        color: #777;
        background-color: white;
      }
      .container {
        width: 700px;
        margin-right: auto;
        margin-left: auto;
      }

      .post {
        font-family: Georgia, "Times New Roman", Times, "SimSun", serif;
        position: relative;
        padding: 70px;
        bottom: 0;
        overflow-y: auto;
        font-size: 16px;
        font-weight: normal;
        line-height: 25px;
        color: #515151;
      }

      .post h1{
        font-size: 50px;
        font-weight: 500;
        line-height: 60px;
        margin-bottom: 40px;
        color: inherit;
      }

      .post p {
        margin: 0 0 35px 0;
      }

      .post img {
        border: 1px solid #D9D9D9;
      }

      .post a {
        color: #28A1C5;
      }
    </style>
  </head>
  <body>
    <div class="container">
      <div class="post">
        <h1 class="title">MarkDown语法解析</h1>
        <div class="show-content">
          <p>Markdown 的优点如下：</p><blockquote>
<p>1.纯文本，所以兼容性极强，可以用所有文本编辑器打开。</p>
<p>2.让你专注于文字而不是排版。</p>
<p>3.格式转换方便，Markdown 的文本你可以轻松转换为 html、电子书等。</p>
<p>4.Markdown 的标记语法有极好的可读性。</p>
</blockquote><h1>标题</h1><p>这是最为常用的格式，在平时常用的的文本编辑器中大多是这样实现的：输入文本、选中文本、设置标题格式。</p><p>而在 Markdown 中，你只需要在文本前面加上#即可，同理、你还可以增加二级标题、三级标题、四级标题、五级标题和六级标题，总共六级，只需要增加#即可，标题字号相应降低。例如：</p><blockquote>
<p># 一级标题</p>
<p>## 二级标题</p>
<p>### 三级标题</p>
<p>#### 四级标题</p>
<p>##### 五级标题</p>
<p>###### 六级标题</p>
</blockquote><p><i>注：#和「一级标题」之间建议保留一个字符的空格，这是最标准的 Markdown 写法。</i></p><p><i>你可以你的编辑器中尝试输入这六级标题，可以参考下方的截图：</i></p><div class="image-package">
<img src="http://upload-images.jianshu.io/upload_images/259-7424a9a21a2cb81b.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240"><br><div class="image-caption">一级标题至六级标题</div>
</div><h2>列表</h2><p>列表格式也很常用，在 Markdown 中，你只需要在文字前面加上-就可以了，例如：</p><blockquote>
<p>-文本1</p>
<p>-文本2</p>
<p>-文本3</p>
</blockquote><p>如果你希望有序列表，</p><p>也可以在文字前面加上1.2.3.就可以了，例如：</p><blockquote>
<p>1.文本1</p>
<p>2.文本2</p>
<p>3.文本3</p>
</blockquote><p><i>注：-、1.和文本之间要保留一个字符的空格。</i></p><p><i>列表案例截图如下：</i></p><div class="image-package">
<img src="http://upload-images.jianshu.io/upload_images/259-8ccbfed8ce487368.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240"><br><div class="image-caption"></div>
</div><h1>链接和图片</h1><p>在 Markdown 中，插入链接不需要其他按钮，你只需要使用[显示文本](链接地址)这样的语法即可，例如：</p><p>[简书](http://www.jianshu.com)</p><p>在 Markdown 中，插入图片不需要其他按钮，你只需要使用![](图片链接地址)这样的语法即可，例如：</p><p>![](http://upload-images.jianshu.io/upload_images/259-0ad0d0bfc1c608b6.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)</p><p><i>注：插入图片的语法和链接的语法很像，只是前面多了一个！,中括号<i>[]</i>中的文字会变成图片的标注。</i></p><p><i>插入链接和图片的案例截图：</i></p><div class="image-package">
<img src="http://upload-images.jianshu.io/upload_images/259-90ac0f366310f464.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240"><br><div class="image-caption"></div>
</div><h1>引用</h1><p>在我们写作的时候经常需要引用他人的文字，这个时候引用这个格式就很有必要了，在 Markdown 中，你只需要在你希望引用的文字前面加上&gt;就好了，例如：</p><p>&gt;一盏灯， 一片昏黄； 一简书， 一杯淡茶。 守着那一份淡定， 品读属于自己的寂寞。 保持淡定， 才能欣赏到最美丽的风景！ 保持淡定， 人生从此不再寂寞。</p><p><i>注：&gt;和文本之间要保留一个字符的空格。</i></p><p>最终显示的就是：</p><blockquote><p>一盏灯， 一片昏黄； 一简书， 一杯淡茶。 守着那一份淡定， 品读属于自己的寂寞。 保持淡定， 才能欣赏到最美丽的风景！ 保持淡定， 人生从此不再寂寞。</p></blockquote><p><i>引用的案例截图：</i></p><div class="image-package">
<img src="http://upload-images.jianshu.io/upload_images/259-438c3424cfbfb029.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240"><br><div class="image-caption"><i>引用的案例截图</i></div>
</div><h1>粗体和斜体</h1><p>Markdown 的粗体和斜体也非常简单，用两个*包含一段文本就是粗体的语法，用一个*包含一段文本就是斜体的语法。例如：</p><p>*一盏灯*， 一片昏黄；**一简书**， 一杯淡茶。 守着那一份淡定， 品读属于自己的寂寞。 保持淡定， 才能欣赏到最美丽的风景！ 保持淡定， 人生从此不再寂寞。</p><p>最终显示的就是下文，其中「一盏灯」是斜体，「一简书」是粗体：</p><p><i>一盏灯</i>， 一片昏黄；<b>一简书</b>， 一杯淡茶。 守着那一份淡定， 品读属于自己的寂寞。 保持淡定， 才能欣赏到最美丽的风景！ 保持淡定， 人生从此不再寂寞。</p><p><i>粗体和斜体的案例截图：</i></p><div class="image-package">
<img src="http://upload-images.jianshu.io/upload_images/259-6a74e417a86ac97f.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240"><br><div class="image-caption"></div>
</div><h1>代码引用</h1><p>需要引用代码时，如果引用的语句只有一段，不分行，可以用 ` 将语句包起来。</p><p>如果引用的语句为多行，可以将```置于这段代码的首行和末行。</p><p><i>代码引用的案例截图：</i></p><div class="image-package">
<img src="http://upload-images.jianshu.io/upload_images/259-dcf737a97e71cd73.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240"><br><div class="image-caption"><i>代码引用的案例截图</i></div>
</div><h1>表格</h1><div class="image-package">
<img src="http://upload-images.jianshu.io/upload_images/2833665-c4fa26cb48f897c8.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240" data-original-src="http://upload-images.jianshu.io/upload_images/2833665-c4fa26cb48f897c8.png?imageMogr2/auto-orient/strip" data-image-slug="c4fa26cb48f897c8" data-width="684" data-height="424"><br><div class="image-caption"></div>
</div><h1>显示链接中带括号的图片<br>
</h1><div class="image-package">
<img src="http://upload-images.jianshu.io/upload_images/2833665-e530f3f8e4e92e1b.latex?imageMogr2/auto-orient/strip" data-original-src="http://upload-images.jianshu.io/upload_images/2833665-e530f3f8e4e92e1b.latex?imageMogr2/auto-orient/strip"><br><div class="image-caption"></div>
</div><p>代码如下:</p><p>![][1][1]:http://latex.codecogs.com/gif.latex?\prod%20\(n_{i}\)+1</p><h2>结语</h2><p>以上几种格式是比较常用的格式，所以我们针对这些语法做了比较详细的说明。除这些之外，Markdown 还有其他语法，如想了解和学习更多，可以参考这篇<a href="http://wowubuntu.com/markdown/" target="_blank">『Markdown 语法说明』</a>。</p><p>强烈建议您现在就立马用 Markdown 写一篇文章吧，体会一下 Markdown 的优雅之处！</p><p>原文链接：[http://www.jianshu.com/p/q81RER]</p>
        </div>
      </div>
    </div>
  </body>
</html>
